<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        h3{
            color: red;
            font-size: 30px;
            font-weight:800;
            font-style: italic;
            font-family: '微软雅黑 Light';
        }
        p{
            background-color: green;
            color: yellow;
            width:100px;
            text-indent: 10px;
            text-decoration: underline;
        }
        div{
            width: 500px;
            height: 150px;
            border: dashed red 5px;
            background-image: url("../2.css选择器/img1/img_16.png");
            background-repeat: no-repeat;
        }
        button{
            outline-width: 5px;
            outline-color: red;
            outline-style: inset;
        }
        ul{
            list-style-type: circle;
        }
    </style>
</head>
<body>
　　　<!--字体：
          font-size / font-family / font-weight / font-style
      文本：
          color / text-indent / text-aline / line-height / vertical-aline / text-decoration
      背景：
          background-color / background-image / background-repeat
      边框：
          border
      轮廓：
          outline-color / outline-width / outline-style
      列表：
          list-style-type / list-style-image-->
    <h3>文字相关样式</h3>
    <p>文本相关样式gggggggg...</p>
    <div>
        背景，边框相关样式
    </div>
     <button>轮廓相关样式</button>
    <ul>
        <li>列表相关样式</li>
    </ul>
</body>
</html>